<template>
	<view>
		<u-popup v-model="showModel" mode='center' :mask-close-able='false'>
			<view class="popbox flex col-center row-column row-between pl28 pr28">
				<image src="~@/static/img/index/3liepin-pop.png" class="w160 h200"></image>
				<view class="">
					您还不是VIP会员，快去开通吧~
				</view>
				<view class="popbtn flex h120 pt26 pb26 col-center">
						<view class="popbtnleft flex1 text-center" @click="showModel=false">
							取消
						</view>
						<view class="popbtnright VIPInfoTit flex1 text-center" @click="$jump('/pages/my/VIP/VIP')">
							去开通
						</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		name:"vipPop",
		props: {
			showModel: {
				type: Boolean,
				default: false
			},
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.popbox {
		width: 700rpx;
		height: 460rpx;
		background-color: #FFFFFF;
		box-shadow: 0px 6rpx 26prx 0px rgba(70, 74, 90, 0.28);
		border-radius: 14rpx;
	}
	.popbtn {
		width: 100%;
		border-top: 2rpx solid #D2DEEB;
		.popbtnleft,{
			border-right:2rpx solid #D2DEEB ;
			font-size: 30rpx;
			color: #0C162E;
		}
		.popbtnright {
			font-size: 30rpx;
			color: #FD1D4D;
		}
	}
</style>
